<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Gaming Universe</title>
<link href="style.css" rel="stylesheet" type="text/css" media="all" />
<!-- load jQuery -->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
		
		<!-- load Fancy Box -->
		<script src="jquery.fancybox.pack.js"></script>
		<link href="jquery.fancybox.css" rel="stylesheet" type="text/css" media="all" />
		
		<script type="text/javascript">
			jQuery(document).ready(function(){
				var MinHeightDetailContent;
				var ContentLeft = jQuery("#BottomContent .ContentLeft .ContentLeftBottom .left").height();
				var ContentRight = jQuery("#BottomContent .ContentRight").height();
				if ( ContentLeft > ContentRight ){
					MinHeightDetailContent = ContentLeft - 48;
				} else {
					MinHeightDetailContent = ContentRight - 48;
				}
				jQuery("#detail-content").css('min-height', MinHeightDetailContent + 'px' );
				jQuery(".fancybox").fancybox();
			});
		</script>
</head>

<body>
<div class="Support"><a href="#" title="Support"><img src="images/support.png"  /></a></div>
<center>
<!-- #S Container -->
<div id="Container">
	<!-- #S Header -->
    <div id="Header">
    	<div class="logo"><img src="images/logo.png" width="291" height="113" alt="Gaming Universe" /></div>
        <div class="header_r">
        	<div class="bannerTop">
            	<img src="images/banner-top.png" width="483" height="71" />
            </div>
            <div class="follow">
            	<div class="Ftitle">
                	follow up<br /><span class="red">Gaming Universe</span>                    
                </div>
                <div class="icon">
	                <img src="images/icon-facebook.png" width="31" height="31" alt="" />
                    <img src="images/icon-in.png" width="31" height="31" />
                    <img src="images/icon-tw.png" width="31" height="31" />
                    <img src="images/icon-youtube.png" width="31" height="31" />
                </div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
    <!-- #E Header -->
    <div class="clear"></div>
    <!-- #S Menu -->
    <div id="NavMenu">
    	<ul class="menu">
        	<li><a href="javascript:void(0);">Sony <br />Playstation 3</a>
				<ul class="submenu">
					<li><a href="javascript:void(0);">Console</a></li>
					<li><a href="javascript:void(0);">Brand New Games</a></li>
					<li><a href="javascript:void(0);">Pre-Order</a></li>
					<li><a href="javascript:void(0);">Accessories</a></li>
				</ul>
			</li>
            <li><a href="javascript:void(0);">Sony <br />PSP / Vita</a>
				<ul class="submenu">
					<li><a href="javascript:void(0);">Console</a></li>
					<li><a href="javascript:void(0);">Brand New Games</a></li>
					<li><a href="javascript:void(0);">Pre-Order</a></li>
					<li><a href="javascript:void(0);">Accessories</a></li>
				</ul>
			</li>
            <li><a href="javascript:void(0);">Nintendo <br /> Wii / Wii U</a>
				<ul class="submenu">
					<li><a href="javascript:void(0);">Console</a></li>
					<li><a href="javascript:void(0);">Brand New Games</a></li>
					<li><a href="javascript:void(0);">Pre-Order</a></li>
					<li><a href="javascript:void(0);">Accessories</a></li>
				</ul>
			</li>
            <li><a href="javascript:void(0);">Nintendo <br />DS / 3DS</a>
				<ul class="submenu">
					<li><a href="javascript:void(0);">Console</a></li>
					<li><a href="javascript:void(0);">Brand New Games</a></li>
					<li><a href="javascript:void(0);">Pre-Order</a></li>
					<li><a href="javascript:void(0);">Accessories</a></li>
				</ul>
			</li>
            <li><a href="javascript:void(0);">Microsoft <br />Xbox 360</a>
				<ul class="submenu">
					<li><a href="javascript:void(0);">Console</a></li>
					<li><a href="javascript:void(0);">Brand New Games</a></li>
					<li><a href="javascript:void(0);">Pre-Order</a></li>
					<li><a href="javascript:void(0);">Accessories</a></li>
				</ul>
			</li>
            <li><a class="nav_pc" href="javascript:void(0);">PC</a>
				<ul class="submenu">
					<li><a href="javascript:void(0);">Console</a></li>
					<li><a href="javascript:void(0);">Brand New Games</a></li>
					<li><a href="javascript:void(0);">Pre-Order</a></li>
					<li><a href="javascript:void(0);">Accessories</a></li>
				</ul>
			</li>
        </ul>
        <div class="search">
        	<form action="#" name="SearchGame">
            	<input name="keyword" id="keyword" type="text" value="Keyword"  onblur="if(this.value=='') this.value='Keyword';" onfocus="if(this.value=='Keyword') this.value='';" />
                <input id="SearchButton" type="submit" value="SEARCH" />
            </form>
        </div>
        <div class="clear"></div>
    </div>
    <!-- #E Menu -->
    <!-- #S Bottom Content -->
    <div id="BottomContent">
    	<!-- #S Content left -->
        <div class="ContentLeft DetailContentLeft">
            <!-- #S ContentLeftBottom -->
            <div class="ContentLeftBottom">
            	<div class="left">
					<div class="exclusive">
						<div class="chatHeader">
                            <h3>Exclusive Deals</h3>
                        </div>
						<div class="ContactContent">
							<p><img src="images/game-5.png" width="133" height="152"></p>
							<p class="PriceGame">Now @ $125.000</p>
							<p><a href="javascript:void(0);" class="DetailGame">Detail</a></p>
						</div>
					</div>
                	<div class="promotion">
                    	<p class="SeeAll"><a href="javascript:void(0);">See all </a>&raquo;</p>
                        <h3 class="titleRed">Exclusive OFFER!</h3>
                        <p>Reference site about Lorem Ipsum<br />
                        <span class="red">giving information on its origins.</span></p>
                    </div>
                    <div class="tesmonials">
                    	<p class="SeeAll"><a href="javascript:void(0);">See all </a>&raquo;</p>
                        <ul>
	                        <li>Reference site about Lorem Ipsum, giving information on its origins.</li>
                            <li>Lorem Ipsum este pur şi simplu o machetă pentru text a industriei.</li>
                            <li>Le Lorem Ipsum est simplement du faux texte employé dans la.</li>
                            <li>Lorem Ipsum è un testo segnaposto utilizzato nel settore.</li>
                        </ul>
                    </div>
                </div>
                <div class="right Detailright">
                	<div class="chatHeader">
                        <h3>Payment</h3>
                    </div>
                    <div id="detail-content" class="ContactContent">
						<div class="billing custom_detail">
							<strong>Billding Address</strong>
							<br>Nguyen Minh Thong
							<br>59/9/14 Hoang Dieu
							<br>Nha Trang
							<br>Singapore
						</div>
						<div class="custom_detail">
							<strong>Custom Detail</strong>
							<br>Email: info@nhatrangart.com
							<br>Phone: 01695 234 117
						</div>
						<div class="navigation top" style="margin-top: 15px;"><strong>Your order</strong></div>
						<table id="detail-list" class="shopping_list border_list order_list">
							<tr><td>Product</td><td>Quantity</td><td>Price/unit</td><td>Total</td></tr>
							<tr class="brown_line_single bold_border"><td>Kindle Fire HD 8.9" 16 GB</td><td>1</td><td>S$100</td><td>S$100</td></tr>
							<tr class="brown_line_single bold_border"><td><strong><span class="red">Cart Subtotal</span></strong></td><td></td><td></td><td>S$100</td></tr>
							<tr class="brown_line_single bold_border"><td><strong><span class="red">Shipping</span></strong></td><td colspan="2">Store Pickup (Immediate collection possible)</td><td>S$0</td></tr>
							<tr class="brown_line_single bold_border"><td><strong><span class="red">Order Total</span></strong></td><td></td><td></td><td><strong>S$100</strong></td></tr>
						</table>
						<form id="payment-form">
							<input type="radio" name="paymethod" value="direct">Direct Bank Tranfer<br>
							<input type="radio" name="paymethod" value="cheque">Cheque payment<br>
							<input type="radio" name="paymethod" value="paypal">Paypal<img src="images/Paypal_icon.png" />
						<br><br>
							 <label class="label_ins">Special Instructions</label><br>
							<textarea class="text_ins">
							</textarea>
						</form>
						<div style="text-align: right; margin: 10px 0;">
							<a href="#" class="DetailGame large_btn">Continue Shopping</a>
							<a href="#" class="DetailGame red_btn">Submit Order</a>
						</div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <!-- #E ContentLeftBottom -->
        </div>        
        <!-- #E Content left -->
        <!-- #S Content right -->
        <div class="ContentRight ContentRightDetail">
        	<div id="navColumnTwoWrapper" style="width: 196px">
                <!-- Start of Zopim Live Chat Script -->
                <script type="text/javascript">
                window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=
                z.s=d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o
                ){z.set._.push(o)};$.setAttribute('charset','utf-8');$.async=!0;z.set.
                _=[];$.src=('https:'==d.location.protocol?'https://ssl':'http://cdn')+
                '.zopim.com/?qisahn';$.type='text/java'+s;z.
                t=+new Date;z._=[];e.parentNode.insertBefore($,e)})(document,'script')
                </script>
                <div class="chatHeader">
                  <h3>ChatBox</h3>
                </div>
                <div id="cboxdiv">
                <iframe frameborder="0" width="194" height="305" src="http://www4.cbox.ws/box/?boxid=3270959&amp;boxtag=2505&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#EDDEDB 1px solid;" id="cboxmain"></iframe><br/>
                </div>
                <div style="border:1px solid #EDDEDB; border-top:0px; width:190px; height:45px; padding:2px; background-color: #fbf5f3;">
                <form  name="quick_find_header" action="http://www.qisahn.com/index.php?main_page=advanced_search_result" method="get">
                <input type="hidden" name="main_page" value="advanced_search_result" />
                <input type="hidden" name="search_in_description" value="0" />
                <input type="text" name="keyword" size="6" maxlength="30" style="width: 115px; color: #AAAAAA; font-size:1.0em !important; margin:3px auto 1px; padding:3px" id="keyword" value="Check Stock Availability" title="Check Stock Availability" rel="clearText" />
                <input type="submit" value="Search" style="width: auto !important; cursor: pointer; font-size:1.0em; margin:2px 0 0 2px !important; padding:3px !important; float:right;" />
                <font size="1"><a onclick='window.external.AddSearchProvider("http://www.qisahn.com/qisahnsearch.xml")' href="http://www.qisahn.com/advanced_search"><sup>Add search</sup></a></font>
                </form>
                </div>
                <div id="cboxdiv">
                <iframe frameborder="0" width="194" height="85" src="http://www4.cbox.ws/box/?boxid=3270959&amp;boxtag=2505&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#EDDEDB 1px solid;border-top:0px" id="cboxform"></iframe> 
                </div>
                <div id="contactBox">
                	<div class="chatHeader">
	                    <h3>Locate Us</h3>
					</div>
                    <div class="ContactContent">
                    <p>12pm to 8pm daily<br />
                    Far East<br /><strong>Shopping Center</strong> #05-13</p>
                    </div>
                </div>
             <!-- END CBOX -->
            <div class="ForADV">
            	<img src="images/best-download.png" width="192" height="301" />
            </div>
            </div>
        </div>
        <!-- #S Content right -->        
        <div class="clear"></div>
    </div>
    <!-- #E Bottom Content -->
    <!-- #S Footer -->
    <div id="Footer">
    	<div class="FooterLink">
        	<div class="FTab Tab1">
            	<div class="FTabTitle"><img src="images/customer-services.png" width="184" height="14" /></div>
                	<ul class="linkF">
                    	<li><a href="javascript:void(0);">How to Order?</a></li>
                        <li><a href="javascript:void(0);">Console Buying Guide</a></li>
                        <li><a href="javascript:void(0);">Earning Rewards</a></li>
                        <li><a href="javascript:void(0);">Membership Discounts</a></li>
                    </ul>
            </div>
            <div class="FTab Tab2">
            	<div class="FTabTitle"><img src="images/about-us.png" width="90" height="14" /></div>
               		<ul class="linkF">
                    	<li><a href="javascript:void(0);">Delivery Options</a></li>
                        <li><a href="javascript:void(0);">Bank Information</a></li>
                        <li><a href="javascript:void(0);">Warranty Policy</a></li>
                        <li><a href="javascript:void(0);">Terms & Conditions</a></li>
                    </ul>
            </div>
            <div class="FTab Tab3">
            	<div class="FTabTitle"><img src="images/online-support.png" width="153" height="14" /></div>
                <p><img src="images/online-skype.png" width="317" height="164" /></p>
            </div>
            <div class="clear"></div>
        </div>
        <div class="FooterAdd">
        	<p>Copyright ©2013. <strong>GAMINGUNIVERSE</strong>.com Pte Ltd. All Rights 2013 Reserved</p>
        </div>
    </div>
    <!-- #E Footer -->
</div>
<!-- #E Container -->
</center>
</body>
</html>
